<div id="atarea">
<input type="hidden" name="wall_type" value="event" />
	<div id="atahd">
		<a href="javascript:void(fwall.hdc())" class="ataic wall_close">.</a>
		<div class="wall_event">Event</div>
	</div>
       
{$sCreateJs}
<!--<form method="post" action="{url link="wall.blog-submit"}" enctype="multipart/form-data" onsubmit="return startProcess({$sGetJsForm}, false);" id="js_event_form">-->
	<div id="js_event_block_detail" class="js_event_blo0k" >
	<div id="atabd">
    	<div class="table">
		<div class="table">
			<div class="table_left">
                            {required}<label for="category">{phrase var='video.category'}:</label>
			</div>
			<div class="table_right">
                            {$sCategories}
			</div>
                </div>
	</div>
        </div>
                <div class="separate"></div>
		<div class="table">
			<div class="table_left">
			{required}<label for="title">{phrase var='event.name'}:</label>
			</div>
			<div class="table_right">
				<input type="text" name="val[title]" value="{value type='input' id='title'}" id="title" size="40" maxlength="100" />
			</div>
		</div>
		<div class="table">
			<div class="table_left">
			<label for="tag_line">{phrase var='event.tagline'}:</label>
			</div>
			<div class="table_right">
				<input type="text" name="val[tag_line]" value="{value type='input' id='tag_line'}" id="tag_line" size="40" maxlength="100" />
			</div>
		</div>
		<div class="table">
			<div class="table_left">
			{required}<label for="host">{phrase var='event.host'}:</label>
			</div>
			<div class="table_right">
				{if empty($sHost)}
				<input type="text" name="val[host]" value="{value type='input' id='host'}" id="host" size="40" maxlength="100" />
				{else}
				{$sHost|clean}
				{/if}
			</div>
		</div>
		<div class="table">
			<div class="table_left">
				<label for="description">{phrase var='event.description'}:</label>
			</div>
			<div class="table_right">
				{editor id='description' rows='10'}
			</div>
		</div>

		<div class="table">
			<div class="table_left">
			{required}<label for="title">{phrase var='event.privacy'}:</label>
			</div>
			<div class="table_right">
				<select name="val[privacy_id]">
					<option value="0"{value type='select' id='privacy' default='0'}>{phrase var='event.public_everyone_can_join'}</option>
					<option value="1"{value type='select' id='privacy' default='1'}>{phrase var='event.private_does_not_show_up_anywhere_and_only_invited_users_can_rsvp'}</option>
				</select>
			</div>
		</div>

		<div class="separate"></div>

		<div class="table">
			<div class="table_left">
				{phrase var='event.start_time'}:
			</div>
			<div class="table_right">
				{select_date prefix='start_' start_year='current_year' end_year='+1' field_separator=' / ' field_order='MDY' default_all=true add_time=true start_hour='+1' time_separator='event.time_separator'}
			</div>
		</div>

		<div class="table">
			<div class="table_left">
				{phrase var='event.end_time'}:
			</div>
			<div class="table_right">
				{select_date prefix='end_' start_year='current_year' end_year='+1' field_separator=' / ' field_order='MDY' default_all=true add_time=true start_hour='+4' time_separator='event.time_separator'}
			</div>
		</div>

		<div class="separate"></div>

		<div class="table">
			<div class="table_left">
				{required}<label for="country_iso">{phrase var='event.country'}:</label>
			</div>
			<div class="table_right">
				{select_location}
				{module name='core.country-child'}
			</div>
		</div>

		<div class="table">
			<div class="table_left">
				<label for="city">{phrase var='event.city'}:</label>
			</div>
			<div class="table_right">
				<input type="text" name="val[city]" value="{value type='input' id='city'}" id="city" size="20" maxlength="200" />
			</div>
		</div>

		<div class="table">
			<div class="table_left">
				<label for="postal_code">{phrase var='event.zip_postal_code'}:</label>
			</div>
			<div class="table_right">
				<input type="text" name="val[postal_code]" value="{value type='input' id='postal_code'}" id="postal_code" size="10" maxlength="20" />
			</div>
		</div>
		<div class="table">
			<div class="table_left">
			{required}<label for="location">{phrase var='event.location_venue'}:</label>
			</div>
			<div class="table_right">
				<input type="text" name="val[location]" value="{value type='input' id='location'}" id="location" size="40" maxlength="200" />
			</div>
		</div>
                <div class="table_clear">
                    {required} {phrase var='core.required_fields'}
                </div>
		</div>
<!--</form>-->

</div>

{literal}
<script type="text/javascript">
$('.js_mp_category_list').change(function()
	{
		var iParentId = parseInt(this.id.replace('js_mp_id_', ''));

		$('.js_mp_category_list').each(function()
		{
			if (parseInt(this.id.replace('js_mp_id_', '')) > iParentId)
			{
				$('#js_mp_holder_' + this.id.replace('js_mp_id_', '')).hide();

				this.value = '';
			}
		});

		$('#js_mp_holder_' + $(this).val()).show();
	});

</script>
{/literal}